<template>
    <div class="empty-content">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-a-bianzu38beifen"></use>
        </svg>
        <div class="empty-text">购物车空空如也</div>
    </div>
</template>

<style lang='less' scoped>
    .empty-content {
      flex: 1;
      margin: 20px;
      font-size: 16px;
      overflow-y: auto;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 10px;
      height: 72vh;
      .icon {
        margin-bottom: 10px;
      }
      .empty-text{
        font-weight: bold;
        font-size: 28px;
      }
    }
</style>